<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购注册</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- 引入初始化样式文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共的样式文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入注册页自定义样式 -->
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
    <!-- 登录页头部制作 -->
    <header class="header w">
        <!-- logo制作 -->
        <div class="logo">
            <h1>
                <a href="index.html">品优购商城</a>
            </h1>
        </div>
    </header>
    
    <!-- 注册页主体部分制作 -->
    <div class="register w">
        <div class="register_hd">
            <h2>注册新用户</h2>
            <p>我有账号, 去<a href="login.html" target="_blank" class="style_red">登陆</a></p>
        </div>
        <div class="register_bd">
            <form action="">
                <ul>
                    <li>&nbsp;&nbsp;&nbsp;&nbsp;手机号: <input type="tel" name="telephone" required='required' autocomplete='off'></li>
                    <li>短信验证码: <input type="text" name="pin" required='required' autocomplete='off' maxlength="6"></li>
                    <li>&nbsp;&nbsp;登录密码: <input type="text" name="pw" required='required' autocomplete='off'></li>
                    <li>
                        <h4>安全程度</h4>
                        <div>
                            <span>弱</span>
                            <span>中</span>
                            <span>强</span>
                        </div>
                    </li>                  
                    <li>&nbsp;&nbsp;确认密码: <input type="text" name="sure_pw" required='required' autocomplete='off'></li>
                    <li><input type="checkbox" id='sure_register'><label for="sure_register">同意协议并注册</label><a href="">《知果果用户协议》</a> </li>
                    <li><input type="submit" value="完成注册"></li>
                </ul>
            </form>
        </div>
    </div>


    <!-- footer模块制作 -->
    <footer class="footer">
        <div class="w">   
            <div class="mod_about">
                <ul>  
                    <li><a href="">关于我们</a>|</li>
                    <li><a href="">联系我们</a>|</li>
                    <li><a href="">联系客服</a>|</li>
                    <li><a href="">商家入驻</a>|</li>
                    <li><a href="">营销中心</a>|</li>
                    <li><a href="">手机品优购</a>|</li>
                    <li><a href="">友情链接</a>|</li>
                    <li><a href="">销售联盟</a>|</li>
                    <li><a href="">品优购社区</a>|</li>
                    <li><a href="">品优购公益</a>|</li>
                    <li><a href="">English Site</a>|</li>
                    <li><a href="">Contact U</a></li>
                </ul>
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
                <p>京ICP备08001421号京公网安备110108007702</p>               
            </div>
        </div>
    </footer>
</body>
</html>